import React, { Component } from 'react';
import './child.scss';
import { Link } from 'react-router-dom';
class Com extends Component {
    constructor (props) {
        super(props);
        this.state = {}
    }

    render () {
        return(

            <div className="userCenter">
                <div className="pinsCentent">
                    <h1>沸点</h1>
                    <div className="header">
                        <div className="left">
                            <Link to="/user"><div className="left-Img">
                                <img src="https://user-gold-cdn.xitu.io/2017/7/13/bfe29d9a6c356c6f60c2d380c99dc76b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" alt=""/>
                            </div></Link>
                            <Link to="/user"><div className="left-Title">gongph</div></Link>
                            <div className="left-xinxi">搬运工 @ 搜狐畅游 · 5天前</div>
                        
                            <div className="topicInfo">
                                <div className="Info-header">
                                    <Link to="/user"><div className="Info-left">
                                    <img src="https://user-gold-cdn.xitu.io/2017/7/13/bfe29d9a6c356c6f60c2d380c99dc76b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" alt=""/></div></Link>
                                    <div className="Info-right">
                                        <Link to="/user"><span>gongph</span></Link>
                                        <em>搬运工 @ 搜狐畅游</em>
                                    </div>
                                </div>
                                <div className="Info-footer">
                                    <div className="Info-one">
                                        <b>83</b>
                                        <i>关注</i>
                                    </div>
                                    <div className="Info-two">
                                        <b>386</b>
                                        <i>关注者</i>
                                    </div>
                                    <div className="Info-there">
                                        <Link to="/">关注</Link>
                                    </div>
                                </div>
                            </div>
                        
                        </div>
                        <div className="right">
                            <span>关注</span>
                        </div>
                    </div>
                    <div className="content">
                    odometer 是一个很棒的 Javascript 和 CSS 库，用于平滑过渡数字。你可以狠狠的戳这里
                        <img src="https://b-gold-cdn.xitu.io/v3/static/img/pin-url-link.3f843e8.svg" alt=""/>
                        <Link to="https://github.hubspot.com/odometer/"> 网页链接 </Link> 
                        查看线上Demo，可能需要翻墙。
                    </div>
                    <div className="images">
                        
                    </div>
                    <p><Link to="/topic" title="日拱一卒，功不唐捐。
                        一起来分享下你今天听到的有意思的事情，或者学习的冷知识。">今天学到了</Link>
                    </p>
                    <div className="footer">
                        <span>
                            <b><img src="http://ku.90sjimg.com/element_origin_min_pic/01/39/74/72573cd2114ba9b.jpg" alt=""/></b>
                            <em>22</em>
                        </span>
                        <span>
                            <b><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547101271619&di=42730c2dcc10b15c79b659f2c1377f5e&imgtype=0&src=http%3A%2F%2Fpic.51yuansu.com%2Fpic3%2Fcover%2F01%2F64%2F31%2F5957785da26bc_610.jpg" alt=""/></b>
                            <em>7</em>
                        </span>
                        <span>
                            <b><img src="http://bpic.588ku.com/element_origin_min_pic/01/42/50/70573d7de81d0e6.jpg" alt=""/></b>
                            <em>分享</em>
                        </span>
                    </div>
                </div>

                <div className="pinsCentent">
                    <div className="header">
                        <div className="left">
                            <Link to="/user"><div className="left-Img">
                                <img src="https://user-gold-cdn.xitu.io/2017/7/13/bfe29d9a6c356c6f60c2d380c99dc76b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" alt=""/>
                            </div></Link>
                            <Link to="/user"><div className="left-Title">gongph</div></Link>
                            <div className="left-xinxi">搬运工 @ 搜狐畅游 · 8天前</div>
                        
                            <div className="topicInfo">
                                <div className="Info-header">
                                    <Link to="/user"><div className="Info-left">
                                    <img src="https://user-gold-cdn.xitu.io/2017/7/13/bfe29d9a6c356c6f60c2d380c99dc76b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" alt=""/></div></Link>
                                    <div className="Info-right">
                                        <Link to="/user"><span>gongph</span></Link>
                                        <em>搬运工 @ 搜狐畅游</em>
                                    </div>
                                </div>
                                <div className="Info-footer">
                                    <div className="Info-one">
                                        <b>83</b>
                                        <i>关注</i>
                                    </div>
                                    <div className="Info-two">
                                        <b>386</b>
                                        <i>关注者</i>
                                    </div>
                                    <div className="Info-there">
                                        <Link to="/">关注</Link>
                                    </div>
                                </div>
                            </div>
                        
                        </div>
                        <div className="right">
                            <span>关注</span>
                        </div>
                    </div>
                    <div className="content">
                    #有些话只能在这里说# 今天又发现项目组一同学代码需要优化的地方：三个文件长的一模一样，嗯，应该是复制粘贴的效果。。我该告不告诉他应该封装一个方法出来啊？ 老实话说我有点怕了...
                    </div>
                    <div className="images">
                        <img src="https://user-gold-cdn.xitu.io/2018/12/27/167ee5f29b4dd10c?imageView2/1/w/260/h/260/q/85/format/jpg/interlace/1" alt=""/>
                        <img src="https://user-gold-cdn.xitu.io/2018/12/27/167ee5f2cdbc8f47?imageView2/1/w/260/h/260/q/85/format/jpg/interlace/1" alt=""/>
                        <img src="https://user-gold-cdn.xitu.io/2018/12/27/167ee5f3084a1877?imageView2/1/w/260/h/260/q/85/format/jpg/interlace/1" alt=""/>
                    </div>
                    <p><Link to="/topic" title="日拱一卒，功不唐捐。
                        一起来分享下你今天听到的有意思的事情，或者学习的冷知识。">今天学到了</Link>
                    </p>
                    <div className="footer">
                        <span>
                            <b><img src="http://ku.90sjimg.com/element_origin_min_pic/01/39/74/72573cd2114ba9b.jpg" alt=""/></b>
                            <em>22</em>
                        </span>
                        <span>
                            <b><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547101271619&di=42730c2dcc10b15c79b659f2c1377f5e&imgtype=0&src=http%3A%2F%2Fpic.51yuansu.com%2Fpic3%2Fcover%2F01%2F64%2F31%2F5957785da26bc_610.jpg" alt=""/></b>
                            <em>7</em>
                        </span>
                        <span>
                            <b><img src="http://bpic.588ku.com/element_origin_min_pic/01/42/50/70573d7de81d0e6.jpg" alt=""/></b>
                            <em>分享</em>
                        </span>
                    </div>
                </div>

                <div className="pinsCentent">
                    <div className="header">
                        <div className="left">
                            <Link to="/user"><div className="left-Img">
                                <img src="https://user-gold-cdn.xitu.io/2017/7/13/bfe29d9a6c356c6f60c2d380c99dc76b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" alt=""/>
                            </div></Link>
                            <Link to="/user"><div className="left-Title">gongph</div></Link>
                            <div className="left-xinxi">搬运工 @ 搜狐畅游 · 12天前</div>
                        
                            <div className="topicInfo">
                                <div className="Info-header">
                                    <Link to="/user"><div className="Info-left">
                                    <img src="https://user-gold-cdn.xitu.io/2017/7/13/bfe29d9a6c356c6f60c2d380c99dc76b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" alt=""/></div></Link>
                                    <div className="Info-right">
                                        <Link to="/user"><span>gongph</span></Link>
                                        <em>搬运工 @ 搜狐畅游</em>
                                    </div>
                                </div>
                                <div className="Info-footer">
                                    <div className="Info-one">
                                        <b>83</b>
                                        <i>关注</i>
                                    </div>
                                    <div className="Info-two">
                                        <b>386</b>
                                        <i>关注者</i>
                                    </div>
                                    <div className="Info-there">
                                        <Link to="/">关注</Link>
                                    </div>
                                </div>
                            </div>
                        
                        </div>
                        <div className="right">
                            <span>关注</span>
                        </div>
                    </div>
                    <div className="content">
                    #有些话只能在这里说#  我：喂同学，你 localStorage 没做异常处理啊，第一次取会报错的。 回答：你存东西了吗？看不到跳转需要存东西吗？你怎么这么多废话？ 无语。。。
                    </div>
                    <div className="images">
                        <img src="https://user-gold-cdn.xitu.io/2018/12/26/167ea7d06514561e?imageView2/1/w/260/h/260/q/85/format/jpg/interlace/1" alt=""/>
                        <img src="https://user-gold-cdn.xitu.io/2018/12/26/167ea7d08847b069?imageView2/1/w/260/h/260/q/85/format/jpg/interlace/1" alt=""/>
                        
                    </div>
                    <p><Link to="/topic" title="日拱一卒，功不唐捐。
                        一起来分享下你今天听到的有意思的事情，或者学习的冷知识。">今天学到了</Link>
                    </p>
                    <div className="footer">
                        <span>
                            <b><img src="http://ku.90sjimg.com/element_origin_min_pic/01/39/74/72573cd2114ba9b.jpg" alt=""/></b>
                            <em>22</em>
                        </span>
                        <span>
                            <b><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547101271619&di=42730c2dcc10b15c79b659f2c1377f5e&imgtype=0&src=http%3A%2F%2Fpic.51yuansu.com%2Fpic3%2Fcover%2F01%2F64%2F31%2F5957785da26bc_610.jpg" alt=""/></b>
                            <em>4</em>
                        </span>
                        <span>
                            <b><img src="http://bpic.588ku.com/element_origin_min_pic/01/42/50/70573d7de81d0e6.jpg" alt=""/></b>
                            <em>分享</em>
                        </span>
                    </div>
                </div>

                <div className="pinsCentent">
                    <div className="header">
                        <div className="left">
                            <Link to="/user"><div className="left-Img">
                                <img src="https://user-gold-cdn.xitu.io/2017/7/13/bfe29d9a6c356c6f60c2d380c99dc76b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" alt=""/>
                            </div></Link>
                            <Link to="/user"><div className="left-Title">gongph</div></Link>
                            <div className="left-xinxi">搬运工 @ 搜狐畅游 · 12天前</div>
                        
                            <div className="topicInfo">
                                <div className="Info-header">
                                    <Link to="/user"><div className="Info-left">
                                    <img src="https://user-gold-cdn.xitu.io/2017/7/13/bfe29d9a6c356c6f60c2d380c99dc76b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" alt=""/></div></Link>
                                    <div className="Info-right">
                                        <Link to="/user"><span>gongph</span></Link>
                                        <em>搬运工 @ 搜狐畅游</em>
                                    </div>
                                </div>
                                <div className="Info-footer">
                                    <div className="Info-one">
                                        <b>83</b>
                                        <i>关注</i>
                                    </div>
                                    <div className="Info-two">
                                        <b>386</b>
                                        <i>关注者</i>
                                    </div>
                                    <div className="Info-there">
                                        <Link to="/">关注</Link>
                                    </div>
                                </div>
                            </div>
                        
                        </div>
                        <div className="right">
                            <span>关注</span>
                        </div>
                    </div>
                    <div className="content">
                    #有些话只能在这里说# 一周前，我：把这块代码用递归重构下吧！ 回答：都能实现干嘛要重构？！ 万万没想到，今天我还是 pull 到了同事尚未重构的代码。无语。。。
                    </div>
                    <div className="images">
                        <img src="https://user-gold-cdn.xitu.io/2018/12/21/167d04f818bcdff5?imageView2/1/w/460/h/316/q/85/format/jpg/interlace/1" alt=""/>
                        
                    </div>
                    <p><Link to="/topic" title="日拱一卒，功不唐捐。
                        一起来分享下你今天听到的有意思的事情，或者学习的冷知识。">今天学到了</Link>
                    </p>
                    <div className="footer">
                        <span>
                            <b><img src="http://ku.90sjimg.com/element_origin_min_pic/01/39/74/72573cd2114ba9b.jpg" alt=""/></b>
                            <em>22</em>
                        </span>
                        <span>
                            <b><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547101271619&di=42730c2dcc10b15c79b659f2c1377f5e&imgtype=0&src=http%3A%2F%2Fpic.51yuansu.com%2Fpic3%2Fcover%2F01%2F64%2F31%2F5957785da26bc_610.jpg" alt=""/></b>
                            <em>4</em>
                        </span>
                        <span>
                            <b><img src="http://bpic.588ku.com/element_origin_min_pic/01/42/50/70573d7de81d0e6.jpg" alt=""/></b>
                            <em>分享</em>
                        </span>
                    </div>
                </div>

            </div>
           
        )
    }
}
export default Com;